import { Meta, ArgsTable, Canvas, Story, Markdown } from '@storybook/addon-docs';
import { Kbd } from '@zendeskgarden/react-typography';
import { KbdStory } from './stories/KbdStory';
import README from '../README.md';

<Meta title="Packages/Typography/Kbd" component={Kbd} />

# API

<ArgsTable />

# Demo

<Canvas>
  <Story name="Kbd" args={{ children: '⇧ ⌃ ⌥ /', size: 'inherit' }}>
    {args => <KbdStory {...args} />}
  </Story>
</Canvas>

<Markdown>{README}</Markdown>
